<template>
  <div class="container picture_detail">
    <div class="section">
      <ul class="info">
        <div  v-for="(item, index) in picture_detail" :key="index" class='ljxdiv'>
            <span style="font-size:20px;">项目名称：{{ item.projectName }}</span>
            <div>
                <div  v-for="(item1, index1) in item.verifyImg" :key="index1">
                    <img class="xm_img" :src="common.img_url+item1" alt="">
                </div>
            </div>
        </div>
      </ul>
    </div>
  </div>
</template>
<script>
import { getProjectImg } from '@/api/project'

export default {
  data () {
    return {
      id: '',
      picture_detail: {},
    }
  },
  methods: {
    get_detail () {
      getProjectImg({
        id: this.id.toString()
      }).then((result) => {
        let res = result.data
        if (res.code === 0) {
          this.picture_detail = res.data
        } else {
          this.$message.error(res.msg);
        }
      }).catch((err) => {
        this.$message.error('服务器网络错误，请稍后重试');
      });
    },
  },
  created () {
    if (this.$route.query.id) {
      this.id = this.$route.query.id
      this.get_detail()
    }
  },
}
</script>
<style lang="scss" scoped>
  //   项目详情图列表
.picture_detail {
  .xm_img{
    float: left;
    width: 28%;
    margin: 15px;
  }
}
.ljxdiv{
  margin: 10px;
}


</style>

